/*
Data tracking general page heading 
*/
div.data-doc-page-heading{
    width:85%;
    margin-left:auto;
    margin-right:auto;
    display:table;
}
div.data-doc-page-heading-row {
    display:table-row;
}
div.data-doc-page-heading-title {
    display:table-cell;
    vertical-align: top;
    text-align: left;
    width:50%;
}
div.data-doc-page-heading-title h2 {
    display: inline;
}
div.data-doc-page-heading-dset {
    display:table-cell;
    width:50%;
    padding-top: 8px;
}
div.data-doc-page-heading-dset-tab {
    margin-left:10px;
    display:table;
    padding: 8px;
    border-radius: 15px;
    border-width:thin;
    border-style:solid;
    border-color:#D7D7D7;
    background-color: #F4F4F4;
}
div.data-doc-page-heading-dset-row {
    display:table-row;
}
span.dest-sub-title {
    font-size: smaller;
}
div.data-doc-page-heading-dset-title {
    display:table-cell;
    padding: 5px;
    vertical-align: top;
    width:50%;
}
div.data-doc-page-heading-dset-title h3 {
    display: inline;
}
div.data-doc-page-heading-dset-des {
    display:table-cell;
    vertical-align: top;
    padding: 5px;
    width:50%;
}
#dataset-row-count{
    font-weight: bold;
}
#dataset-last-modified{
    font-weight: bold;
}
div.data-doc-page-primary{
    width:85%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
}


/*
Datset Summary Page Primary Content
*/
div.sum-div-row {
    display:table-row;
}
div.sum-div-cell-title {
    display:table-cell;
    width:220px;
    vertical-align:middle;
}
div.sum-div-cell-mid {
    display:table-cell;
    vertical-align:middle;
    padding-left:8px;
    padding-right:8px;
    text-align:center;
    font-size:smaller;
}
div.sum-div-cell-bar {
    display:table-cell;
    vertical-align:middle;
    width:505px;
    border-width:thin;
    border-style:solid;
    border-color:#D7D7D7;
}
span.step-title {
    font-variant: small-caps;
    text-decoration: underline;
}





/*
Datset Field Description Content
*/
div.fieldDes-outter-div {
    
}
#docRemaining {
    font-weight:bold;
}
textarea.dataDocTextArea {
    width: 95%;
    height: 100px;
    border: 3px solid #cccccc;
    padding: 5px;
    font-family: Tahoma, sans-serif;
}

textarea.dataDocTextAreaUp {
    width: 95%;
    height: 100px;
    padding: 5px;
    color: #0000FF;
    font-family: Tahoma, sans-serif;
}
textarea.dataDocTextAreaSkip {
    width: 95%;
    height: 50px;
    border: 3px solid #cccccc;
    padding: 5px;
    font-family: Tahoma, sans-serif;
}

input.dataDocNoteCheck{
    width: 19px;
    height: 25px;
}

thead.fixedHeader {
    border: thin;
    border-color: #EBECE4;
    border-style: solid;
}
thead.fixedHeader tr {
	position: relative
}
thead.fixedHeader tr {
    display: block
}
thead.fixedHeader th {
	background: #607B8B;
	border-left: 1px solid #A2B5CD;
	border-right: 1px solid #CAE1FF;
	border-top: 1px solid #A2B5CD;
	font-weight: normal;
	text-align: left;
}

tbody.scrollContent {
	display: block;
	height: 500px;
	overflow: auto;
	width: 100%;
        border: thin;
        border-color: #EBECE4;
        border-style: solid;
}

/*
thead.fixedHeader th {
	width: 200px
}
thead.fixedHeader th + th {
	width: 240px
}
thead.fixedHeader th + th + th {
	width: 316px
}
tbody.scrollContent td {
	width: 200px
}
tbody.scrollContent td + td {
	width: 240px
}
tbody.scrollContent td + td + td {
	width: 300px
}
*/

th.c_name {
    width: 150px;
    padding: 4px;
    margin-left:4px;
}
th.c_vals {
    width: 200px;
    padding: 4px;
    margin-left:4px;
}
th.c_des {
    width: 400px;
    padding: 4px;
    margin-left:4px;
}
th.c_units {
    width: 175px;
    padding: 4px;
    margin-left:4px;
}
th.c_stand {
    width: 175px;
    padding: 4px;
    margin-left:4px;
}
td.c_name {
    width: 150px;
    padding: 4px;
}
td.c_vals {
    width: 200px;
    padding: 4px;
}
td.c_des {
    width: 400px;
    padding:4px;
}
td.c_units {
    width: 175px;
    padding:4px;
}
td.c_stand {
    width: 148px;
    padding:4px;
}

div.no_note_needed {
    font-size:xx-small;
}
div.noteCreator {
    font-size:xx-small;
}
div.showUnits {
    position:absolute;
    top:0;left:0;
    width:400px;
    height:325px;
    visibility:hidden;
}
#tc1-prog{
    width:400px;
    height:325px;
}
#measurementUnitsPane {
    position:absolute;
    top:30%;
    left:30%;
    width:400px;
    height:325px;
    visibility:hidden;
}
#standardsPane {
    position:absolute;
    top:30%;
    left:30%;
    width:400px;
    height:325px;
    visibility:hidden;
}
#paneArea {
    font-family:helvetica,arial,sans-serif;
    font-size:90%; 
}
li.unitListItem {
    padding-bottom:10px;
}
div.rem_units_link {
    font-size:xx-small;
}

/*
For the Metadata description page
*/
#show_reqFieldsCompleted {
    font-weight: bold;
}
#show_reqFieldsTotal {
    font-weight: bold;
}
#fieldTabHead {
    margin-left:auto;
    margin-right:auto;
    text-align:center; 
}
table.fieldTable {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
td.field_name_cell {
    width:35%;
    padding:4px;
}
td.field_val_cell {
    width:65%;
    padding:4px;
}

textarea.shortText {
    width: 60%;
    height: 20px;
    border: 3px solid #cccccc;
    padding: 2px;
    font-family: Tahoma, sans-serif;
}
textarea.medText {
    width: 95%;
    height: 50px;
    border: 3px solid #cccccc;
    padding: 5px;
    font-family: Tahoma, sans-serif;
}
textarea.longText {
    width: 95%;
    height: 200px;
    border: 3px solid #cccccc;
    padding: 5px;
    font-family: Tahoma, sans-serif;
}
textarea.shortText_up {
    width: 60%;
    height: 20px;
    border: 3px solid #cccccc;
    padding: 2px;
    color: #0000FF;
    font-family: Tahoma, sans-serif;
}
textarea.medText_up {
    width: 95%;
    height: 50px;
    border: 3px solid #cccccc;
    padding: 5px;
    color: #0000FF;
    font-family: Tahoma, sans-serif;
}
textarea.longText_up {
    width: 95%;
    height: 200px;
    border: 3px solid #cccccc;
    padding: 5px;
    color: #0000FF;
    font-family: Tahoma, sans-serif;
}
span.field_name {
    font-family: Tahoma, sans-serif;
    font-variant: small-caps;
    text-decoration: underline;
    font-size: large;
}
span.field_note {
    font-size: small;
}
span.field_required {
    font-style: italic;
    margin-top: 8px;
}
div.div_val_tab{
    display:table;
    width:100%;
}
div.div_val_row {
    display:table-row;
}
div.div_val_cell {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    width: 66%;
}
div.div_val_cont_cell {
    display:table-cell;
    vertical-align:middle;
    text-align:left;
    width: 33%;
}
a.add_multivalue {
    margin: 5px;
}


/*
For the recipes page
*/

li.rec-item {
    padding-bottom:6px;
}
div.rec-code {
    font-family:courier;
    padding-bottom:5px;
}
tr.rec-row-a{
    vertical-align:top;
    background-color:#F4F4F4;
}
tr.rec-row-b{
    vertical-align:top;
    background-color:#F4F4F4;
}
td.rec-col-repository{
    padding:5px;
    width: 25%;
}
td.rec-col-repository{
    padding:5px;
    width: 25%;
}
td.rec-col-exp{
    padding:5px;
    width: 35%;
}
td.rec-col-howto{
    padding:5px;
}